<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-27 14:08:49
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-02-11 13:46:53
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\cost-management\\expenses-receivable\\expenses-receivable.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<page-header-wrapper title="应收费用单" [logo]="logo">
    <ng-template #logo>
        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
            <i nz-icon nzType="left" nzTheme="outline"></i>
        </button>
    </ng-template>
</page-header-wrapper>

<nz-card [nzExtra]="cardTemplate" nzTitle="基本信息">
    <ng-template #cardTemplate>
        <button nz-button nzType="primary" [nzLoading]="service.http.loading">保存</button>
    </ng-template>

    <div nz-row nzGutter="8">
        <div nz-col nzSpan="24">
            <sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}"
                [button]="'none'"></sf>
        </div>
    </div>

    <st #st [data]="data" [columns]="columns" [page]="{ show: false}" [loading]="false" size="small"
        [scroll]="{ y: '370px' }" class="mt-sm">
        <ng-template st-row="description1" let-item let-index="index">
            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
                style="width: 100%;">
                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </ng-template>
        <ng-template st-row="description2" let-item let-index="index">
            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
                style="width: 100%;">
                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </ng-template>
        <ng-template st-row="description3" let-item let-index="index">
            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
                style="width: 100%;">
                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </ng-template>
        <ng-template st-row="num" let-item let-index="index">
            <nz-input-number [ngModel]="item.num" (ngModelChange)="st.setRow(index, { num: $event })"
                [nzMin]="0" style="width: 100%;"></nz-input-number>
        </ng-template>
        <ng-template st-row="description5" let-item let-index="index">
            <input nz-input [ngModel]="item.description5"
                (ngModelChange)="st.setRow(index, { description5: $event })" />
        </ng-template>
    </st>

    <button nz-button nzType="dashed" nzBlock class="mt-md" (click)="addRow()"><i nz-icon nzType="plus"
            nzTheme="outline"></i>添加</button>
</nz-card>